 /* 定义模态对话框外面的覆盖层样式 */
 .modaloverlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .2);
     z-index: 10000;
     display: flex;

     justify-content: center;

     align-items: center;
 }

 /* 模态框样式 */
 .modaldata {
     width: 550px;
     height: 500px;
     background: #fff;
     border-radius: 10px;
     position: relative;
     overflow: hidden;

     .ModelMain {
         .Xcms {
             margin-left: 20px;
             font-size: 20px;
             cursor: pointer;
         }

         .ModelMain1 {
             font-size: 20px;
             line-height: 2;
             height: 90px;
             text-align: center;
         }

         .ModelMain2 {
             height: 100px;

             .nameMain {
                 height: 50px;
                 line-height: 50px;
                 width: 80%;
                 font-size: 1.1rem;
                 box-sizing: border-box;
                 margin: 20px 10% 0;
             }

             input {
                 border: 1px solid rgba(0, 0, 0, .2);
                 padding-left: 10px;
                 border-radius: 6px;
                 outline: none;
                 text-shadow: none;


             }
         }

         .ModelMain3 {
             padding: 26px 40px;
             box-sizing: border-box;
             width: 95%;
             position: absolute;
             bottom: 13px;
             background: #fff;

             user-select: none;

             .CHUANjianMAIN1 {

                 letter-spacing: 1px;
                 margin: 0 auto;
                 border: 1px solid #57cb8f;
                 background-color: #57cb8f;
                 text-shadow: 0 0 16px #34ab6d;
                 color: #fff;
                 height: 42px;
                 min-width: 100px;
                 line-height: 42px;
                 cursor: pointer;
                 text-align: center;
                 transition: all .3s;
                 border-radius: 4px;
             }

             .CHUANjianMAIN2 {
                 width: 48%;
                 float: left;
                 box-sizing: border-box;
                 border: 1px solid rgba(0, 0, 0, .15);
                 color: #000;
                 height: 42px;
                 min-width: 100px;
                 line-height: 42px;
                 cursor: pointer;
                 text-align: center;
                 transition: all .3s;
                 border-radius: 4px;
             }

             .CHUANjianMAIN3 {
                 margin-left: 3.5%;
                 width: 48%;
                 float: left;
                 border: 1px solid #57cb8f;
                 background-color: #57cb8f;
                 text-shadow: 0 0 16px #34ab6d;
                 color: #fff;
                 height: 42px;
                 min-width: 100px;
                 line-height: 42px;
                 cursor: pointer;
                 text-align: center;
                 transition: all .3s;
                 border-radius: 4px;
             }
         }

         .listCHUANJ {
             height: 60px;
             width: 100%;
             line-height: 60px;
             margin-bottom: 10px;

            .listSmu:hover {
                 background: rgba(0, 0, 0, .02);
                 border-radius: 10px;
             }

             .listSmu {
                 position: relative;

                 .listitem {

                     padding: 0 20px;
                     line-height: 34px;


                 }

                 .listnum {
                     margin-left: 23px;
                     bottom: 8px;
                     line-height: 20px;
                     left: 20px;
                     opacity: .6;
                     font-size: .8rem;
                     letter-spacing: 1px;

                 }

                 .listsave {
                     position: absolute;
                     right: 16px;
                     top: 8px;
                     cursor: pointer;
                     display: block;
                     color: rgba(0, 0, 0, .7);
                     border: 1px solid rgba(0, 0, 0, .1);
                     height: 42px;
                     min-width: 100px;
                     line-height: 42px;
                     cursor: pointer;
                     text-align: center;
                     transition: all .3s;
                     border-radius: 4px;
                 }


             }








         }


     }
 }